*{margin: 0;padding: 0;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '微软雅黑';margin: 0;padding: 0;box-sizing: border-box;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1265px;}

/* ::-webkit-input-placeholder{color: #201f1d;}
::-moz-placeholder{color: #201f1d;}
:-moz-placeholder{color: #201f1d;} */

/*浮动*/
.f_le{float: left;}
.f_ri{float: right;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}

/*定位*/
.p_re{position: relative;}
.p_ab{position: absolute;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*横向弹性*/
.flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide5{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/

.pic{width: 300px;height: 200px;overflow: hidden;position: relative;}
.pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/*宽度*/
.wrapper{width: 1200px;margin: 0 auto;}



/* 导航 */
.header{width: 100%;background: #fff;padding-left: 6.51vw;position: relative;}
.header .h-wrapper{width: 74.74%;min-width: 1200px;}

.header .logo{display: block;height: 100px;line-height: 100px;overflow: hidden;width: 471px;float: left;}
.header .logo img{display: inline-block;width: 100%;vertical-align: middle;}

.header .h-btn{display: block;margin: auto 0;position: absolute;top: 0;bottom: 0;right: 2.708vw;}

.nav{float: right;height: 100px;}
.nav li{float: left;height: 100%;margin-left: 2.34375vw;position: relative;}
.nav li a.na{display: block;height: 100px;line-height: 100px;font-size: 20px;color: #000000;transition: .5s;}
.nav .drop-down{width: 150px;background: #1f4490;position: absolute;top: 98px;left: 50%;margin-left: -75px;text-align: center;border-top: 2px solid #1f4490;z-index: 3;display: none;}
.nav .drop-down a{display: block;width: 100%;border-bottom: 1px solid #fff;padding: 12px 5px;line-height: 26px;color: #fff;font-size: 18px;transition: .5s;}

.nav li:hover a.na{color: #1e489d;}
.nav .drop-down a:hover{background: rgba(255,255,255,.1);}

.nav li.active a.na{color: #1e489d;}

@media screen and (max-width: 1440px) {
    .header{padding: 0;}
    .header .h-wrapper{margin: 0 auto;}
    .header .h-btn{display: none;}
    .nav li{margin-left: 35px;}
}



/* 底部 */
.footer{width: 100%;background: url(../images/bj_03.jpg) top center no-repeat;padding: 45px 0;}

.footer .logo_foot{border-bottom: 1px solid #848ba5;padding-bottom: 25px;margin-bottom: 40px;}
.footer .logo_foot img{display: block;margin: 0 auto;}

.footer .foot_nav{float: left;}
.footer .foot_nav li{float: left;margin-right: 50px;text-align: center;}
.footer .foot_nav li p{font-size: 18px;color: #ffffff;line-height: 30px;}
.footer .foot_nav li a{display: block;font-size: 16px;color: #ffffff;line-height: 35px;}

.footer article{width: 415px;float: right;color: #ffffff;font-size: 14px;color: #fff;line-height: 25px;text-align: justify;}

.copyright{background: #000c39;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #ffffff;}
.copyright a{color: #ffffff;}



/* 在线留言 */
.n-massage{/* width: 355px; */width: 238px;height: 325px;border: 1px solid #d2d2d2;border-radius: 5px;overflow: hidden;background: #e9e9e9;position: fixed;right: 0;top: 0;bottom: 0;margin: auto 0;z-index: 9;padding: 30px 25px;}
.n-massage .tit{display: block;margin: 0 auto 15px;height: 20px;}
.n-massage input{display: block;width: 100%;border: 0;background: #fff;height: 25px;border-radius: 3px;padding: 0 10px;margin-bottom: 10px;font-size: 14px;color: #999999;}
.n-massage textarea{display: block;width: 100%;border: 0;background: #fff;height: 75px;padding: 10px;resize: none;font-size: 14px;color: #999999;margin-bottom: 20px;border-radius: 3px;}
.n-massage #j_btn{display: block;width: 120px;height: 25px;background: #1e489d;margin: 0 auto 15px;border: 0;text-align: center;line-height: 25px;font-size: 14px;color: #fff;border-radius: 3px;cursor: pointer;}

.n-massage .gb{display: block;width: 25px;height: 25px;cursor: pointer;position: absolute;top: 5px;right: 5px;}



/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: .5;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;}



/* 首页 公司介绍 技术研发 公司产品 */
.box1{padding: 100px 0;}
.box1 .item{width: 33.333%;float: left;border: 1px solid #dbdbdb;padding: 20px 35px;position: relative;}
.box1 .item .tit{display: block;width: 115px;height: 42px;background: #1e489d;background: -webkit-linear-gradient(left, #1e489d , #14377f);background: -o-linear-gradient(left, #1e489d, #14377f);background: -moz-linear-gradient(left, #1e489d, #14377f);background: linear-gradient(left, #1e489d , #14377f);color: #fff;text-align: center;line-height: 42px;font-size: 16px;position: absolute;top: 35px;left: 10px;z-index: 1;transition: .5s;}
.box1 .item .pic{display: block;width: 100%;height: 210px;/* margin-bottom: 25px; */}
.box1 .item .desc{padding: 0 10px;font-size: 16px;color: #0e0e0e;line-height: 25px;text-align: justify;height: 75px;}
.box1 .item .more{display: inline-block;font-size: 16px;text-transform: uppercase;border-bottom: 1px solid #1e489d;line-height: 25px;color: #1e489d;margin-left: 10px;margin-top: 10px;}

/* .box1 .item:hover{background: #1e489d;background: -webkit-linear-gradient(#3868ca , #14377f);background: -o-linear-gradient(#3868ca, #14377f);background: -moz-linear-gradient(#3868ca, #14377f);background: linear-gradient(#3868ca , #14377f);} */
.box1 .item:hover .tit{background: #1e489d;background: -webkit-linear-gradient(left, #3868ca , #14377f);background: -o-linear-gradient(left, #3868ca, #14377f);background: -moz-linear-gradient(left, #3868ca, #14377f);background: linear-gradient(left, #3868ca , #14377f);}



/* 首页 新闻中心 */
.n-news{width: 100%;background: url(../images/bj_01.jpg) center center no-repeat;padding: 50px 0}
.n-news .n-titbox{text-align: center;margin-bottom: 35px;color: #fff;}
.n-news .n-titbox .title{font-size: 30px;}
.n-news .n-titbox .ftitle{font-size: 16px;text-transform: uppercase;}
.n-news .list{width: 100%;}
.n-news .list .pic{display: block;width: 100%;height: 340px;transition: .5s;}
.n-news .list .cont{display: block;padding-top: 30px;color: #fff;}
.n-news .list .tit{font-size: 24px;line-height: 35px;margin-bottom: 5px;}
.n-news .list .desc{font-size: 16px;line-height: 20px;}
.n-news .list:hover .pic{box-shadow: 5px 5px 10px rgba(255,255,255,.1);}



/* 首页 联系我们 */
.n-contact{padding: 100px 0;}

.n-contact .n-cont{width: 50%;height: 383px;float: left;background: url(../images/bj_02.jpg) center center no-repeat;padding: 25px;}
.n-contact h4{font-size: 36px;color: #030404;line-height: 45px;margin-bottom: 40px;}
.n-contact .title{font-size: 24px;color: #030404;line-height: 35px;}

.n-contact .n-phone{width: 426px;height: 60px;margin: 15px 0 20px;}
.n-contact .n-phone b{display: block;width: 313px;height: 60px;float: left;border: 1px solid #5d5f61;line-height: 58px;padding: 0 15px;font-size: 30px;}
.n-contact .n-phone span{display: block;width: 113px;height: 60px;float: right;text-align: center;line-height: 60px;background: #1e489d;color: #fff;font-size: 18px;}

.n-contact .item{width: 100%;margin-bottom: 15px;}
.n-contact .item:last-child{margin-bottom: 0;}
.n-contact .item .ico{display: block;width: 20px;height: 20px;float: left;margin-top: 3px;}
.n-contact .item span{display: block;float: right;width: calc(100% - 30px);font-size: 18px;color: #030404;line-height: 25px;}

.n-contact .n-map{width: 50%;height: 383px;float: right;background: #ddd;overflow: hidden;}
.n-contact .n-map iframe{display: block;width: 100%;height: 100%;border: 0;}
.n-contact .n-map img{display: block;width: 100%;}



/* 面包屑 */
.crumbs{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;margin-bottom: 60px;padding-top: 35px;}
.crumbs .name{float: left;font-size: 18px;color: #5a5a5a;line-height: 25px;}
.crumbs .m-crumb{max-width: 600px;float: right;height: 25px;line-height: 25px;overflow: hidden;font-size: 12px;color: #777777;}
.crumbs .m-crumb a{color: #777777;}
.crumbs .m-crumb i{font-family: 'simsun';font-style: normal;margin: 0 3px;}
.crumbs .m-crumb span{color: #1e489d;}
.crumbs .m-crumb a:hover{color: #1e489d;}



/* 内页标题 */
.titbox{width: 100%;text-align: center;margin-bottom: 40px;}
.titbox .title{font-size: 38px;color: #030404;line-height: 50px;}
.titbox .ftitle{font-size: 18px;color: #5a5a5a;text-transform: uppercase;line-height: 25px;}



/* 关于我们 公司简介 */
.about{padding-bottom: 85px;}

.about article{font-size: 16px;color: #202020;text-align: justify;line-height: 30px;}
.about article img{max-width: 100%;}

.about .a-pic{width: 100%;background: url(../images/bj_04.jpg) top right no-repeat;padding-top: 35px;}
.about .a-pic img{display: block;width: 100%;}

.about-pic{width: 100%;}
.about-pic img{display: block;width: 100%;}



/* 技术研发 技术平台 */
.platform{padding-bottom: 35px;}
.platform article{font-size: 20px;color: #202020;text-align: justify;line-height: 30px;margin-bottom: 30px;}

.platform .platBox{width: 100%;background: url(../images/bj_05.jpg) center center no-repeat;}

.platform .list{width: 32%;float: left;margin: 0 2% 35px 0;}
.platform .list:nth-child(3n){margin-right: 0;}
.platform .list .pic{width: 100%;height: 254px;}
.platform .list .tit{width: 100%;height: 65px;font-size: 20px;color: #5a5a5a;text-align: center;line-height: 65px;transition: .5s;}
.platform .list:hover .tit{background: #1d479b;color: #fff;}


.platform1{width: 100%;background: #f5f7fa;padding: 70px 0 80px;}
.platform1 article{font-size: 20px;color: #202020;text-align: justify;line-height: 30px;margin-bottom: 30px;}
.platform1 .list{width: 66%;margin-right: 2%;float: left;}
.platform1 .list:nth-child(2n){width: 32%;margin-right: 0;}
.platform1 .list .pic{width: 100%;height: 254px;}
.platform1 .list .tit{width: 100%;height: 65px;font-size: 20px;color: #5a5a5a;text-align: center;line-height: 65px;transition: .5s;}
.platform1 .list:hover .tit{background: #1d479b;color: #fff;}



/* 技术研发 工艺技术 */
.technology{width: 100%;background: url(../images/bj_06.jpg) top center no-repeat;padding: 60px 0;min-height: 750px;}

.technology .titbox .title,.technology .titbox .ftitle{color: #fff;}
.technology article{width: 100%;font-size: 16px;color: #ffffff;line-height: 30px;text-align: justify;}
.technology article img{max-width: 100%;}



/* 技术研发 解决方案 */
.case{width: 100%;background: #ebf0f5;padding: 60px 0;}

.case .list{width: 32%;float: left;margin: 0 2% 35px 0;}
.case .list:nth-child(3n){margin-right: 0;}
.case .list .pic{width: 100%;height: 254px;}
.case .list .tit{width: 100%;height: 65px;font-size: 20px;color: #5a5a5a;text-align: center;line-height: 65px;transition: .5s;}
.case .list:hover .tit{background: #1d479b;color: #fff;}

.case1{padding: 70px 0 100px;}
.case1 .list{width: 49%;float: left;margin: 0 2% 35px 0;}
.case1 .list:nth-child(2n){margin-right: 0;}
.case1 .list .pic{display: block;width: 100%;height: 386px;transition: .5s;}
.case1 .list .cont{width: 100%;padding-top: 20px;}
.case1 .list .tit{font-size: 24px;color: #333333;line-height: 35px;margin-bottom: 6px;}
.case1 .list .desc{font-size: 16px;color: #777777;text-align: justify;line-height: 28px;height: 56px;}
.case1 .list:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}



/* 产品中心 */
.product{padding-bottom: 85px;}
.product .list{width: 100%;margin-bottom: 100px;}
.product .list .pic{display: block;width: 537px;height: 335px;transition: .5s;}
.product .list .cont{display: block;width: 615px;padding-top: 65px;}
.product .list .tit{font-size: 20px;color: #030404;border-bottom: 1px solid #bdbeb6;padding-bottom: 30px;margin-bottom: 30px;line-height: 35px;transition: .5s;}
.product .list .desc{font-size: 16px;color: #333333;text-align: justify;line-height: 35px;}
.product .list:nth-child(odd) .pic{float: left;}
.product .list:nth-child(odd) .cont{float: right;}
.product .list:nth-child(even) .pic{float: right;}
.product .list:nth-child(even) .cont{float: left;}
.product .list:nth-child(odd):hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);}
.product .list:nth-child(even):hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);transform: translateX(-10px);}
.product .list:hover .tit{color: #1d479b;}

.product article{font-size: 16px;color: #202020;text-align: justify;line-height: 30px;}
.product article img{max-width: 100%;}



/* 新闻中心 */
.news{padding-bottom: 85px;}

.news .slidebar{width: 115px;float: left;}
.news .slidebar a{display: block;width: 100%;height: 43px;border-bottom: 1px solid #e5e5e5;line-height: 42px;text-align: center;font-size: 16px;color: #333333;transition: .5s;}
.news .slidebar a:hover{background: #1e489d;color: #fff;}
.news .slidebar a.active{background: #1e489d;color: #fff;}

.news .newBox{width: 1070px;float: right;}
.news .list{width: 100%;background: #fff;margin-bottom: 30px;}
.news .list a{display: block;padding: 25px 45px;}
.news .list .tit{font-size: 20px;color: #1d1d1d;line-height: 30px;margin-bottom: 10px;text-align: justify;transition: .5s;}
.news .list .desc{font-size: 16px;color: #333333;text-align: justify;line-height: 30px;margin-bottom: 10px;min-height: 60px;position: relative;transition: .5s;}
.news .list time{display: block;font-size: 16px;color: #6b6b6b;line-height: 20px;transition: .5s;}
.news .list .jt{display: block;width: 35px;height: 11px;position: absolute;bottom: 8px;right: 100px;overflow: hidden;}
.news .list .jt img{display: block;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;transition: .5s;}

.news .list:hover .tit{color: #1e489d;}
.news .list:hover .desc{color: #1e489d;}
.news .list:hover time{color: #1e489d;}
.news .list:hover .jt img{left: -45px;}



/* 联系我们 员工招聘 */
.recruit{padding-bottom: 85px;}
.recruit .list{width: 100%;margin-bottom: 40px;}
.recruit .list .j-head{width: 100%;height: 80px;background: #1e489d;color: #fff;padding: 0 15px;}
.recruit .list .j-head h4{float: left;height: 80px;line-height: 80px;float: left;padding-left: 30px;background: url(../images/ico_02.png) left center no-repeat;font-size: 24px;}
.recruit .list .j-head .j-btn{display: block;width: 25px;height: 25px;float: right;margin-top: 27.5px;position: relative;overflow: hidden;}
.recruit .list .j-head .j-btn img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.recruit .list article.j-body{padding: 25px 45px;font-size: 18px;color: #666666;text-align: justify;line-height: 35px;display: none;}

.recruit .list.active .j-head .j-btn img{top: -35px;}



/* 联系我们 */
.contact{padding-bottom: 85px;}
.contact .item{width: 33.333%;height: 275px;border: 1px solid #e5e5e5;padding: 55px 55px 30px;text-align: center;float: left;}
.contact .item .tit{font-size: 22px;color: #202020;line-height: 30px;}
.contact .item .ico{display: block;width: 36px;height: 36px;margin: 25px auto 20px;}
.contact .item .text{font-size: 22px;color: #1e489d;line-height: 30px;}

.contact .map{width: 100%;/*height: 615px;*/overflow: hidden;background: #f1f1f1;}
.contact .map iframe{display: block;border: 0;width: 100%;height: 100%;}
.contact .map img{display: block;width: 100%;}



/* 详情 */
.content{padding-bottom: 85px;}
.content h3{font-size: 20px;color: #444;line-height: 30px;text-align: center;margin-bottom: 30px;}
.content article{font-size: 16px;color: #727272;text-align: justify;line-height: 30px;}
.content article img{/* display: block; */max-width: 100%;}
.content article iframe{display: block;width: 800px;height: 600px;border: 0;margin: 15px auto;}



/* 上下页 */
.m-clips{margin: 45px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 20px;}
.m-clips a{color: #444;line-height: 35px;}



/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}